<!-- 智慧门禁 -->
<template>
  <div class="door">
    <myheader title="智慧门禁" rightBtn="社区认证" @updataInfo="submitRecruit"></myheader>

    <div class="door_QrCode">
      <li class="door_QrCode_li">
        <img src="../../../assets/QrCode.png" alt />
      </li>
      <li class="door_QrCode_li_span">切换</li>
      <p style="font-size:0.7rem;padding: 0 30px;text-indent:2em;">
        实现设想,每一栋楼层的每一间房间通过自动生成的随机的二维码，
        用户可以使用二维码进行开门，从而摆脱传统锁传统的锁容易发生、
        钥匙丢失，而指纹解锁容易被盗指纹。随机的二维码
        更为安全和方便，只需和门进行绑定即可。
      </p>
    </div>
  </div>
</template>

<script>
import myheader from '../../../comon/myheader.vue'
export default {
  data() {
    return {}
  },

  methods: {
    submitRecruit() {
      this.$router.push('/authentication')
    },
  },

  components: {
    myheader,
  },
}
</script>

<style scoped>
.door_QrCode {
  margin-top: 70px;
  width: 100%;
  position: fixed;
  top: 40%;
  transform: translateY(-50%);
}
.door_QrCode_li {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.door_QrCode_li > img {
  width: 50%;
  margin: auto;
}
.door_QrCode_li_span {
  margin-top: 40px;
  text-align: center;
  color: #09a3d6;
  font-size: 16px;
}
</style>
